<!doctype html>
 
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>jQuery UI Button - Split button</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css" />
  <style>
    .ui-menu { position: absolute; width: 100px; }
  </style>
  <script>
  $(function() {
    $( "#select" )
        .button({
          text: false,
          icons: {
            primary: "ui-icon-triangle-1-s"
          }
        })
        .click(function() {
          var menu = $( this ).parent().next().show().position({
            my: "left top",
            at: "left bottom",
            of: this
          });
          $( document ).one( "click", function() {
            menu.hide();
          });
          return false;
        })
        .parent()
          .buttonset()
          .next()
            .hide()
            .menu();
  });
  </script>
</head>
<body>
 
<div>
  <div>
    <button id="select" style="width: 200px;">Select an action</button>
  </div>
  <ul style="width: 196px;">
    <li><a href="#">Open...</a></li>
    <li><a href="#">Save</a></li>
    <li><a href="#">Delete</a></li>
  </ul>
</div>
 
 	<table>
		<tbody>
			<tr>
				<img src='../Company/images/ctrls/AnhHoChieu.jpg' height='75px' width='70px' />
			</tr>
			<tr>
			  <div>
				<button id='select' style='width: 70px;'>Picture</button>
			  </div>
			  <ul style='width: 70px;'>
				<li><a href='#'>Open...</a></li>
				<li><a href='#'>Save</a></li>
				<li><a href='#'>Delete</a></li>
			  </ul>
			</tr>
		</tbody>
	</table>

</body>
</html>